* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
.txh {
  display: flex;
}
.section {
  flex: 1;
}
.section .nav {
  height: 1.16rem;
  line-height: 0.93333333rem;
  border-bottom: 1px solid #ccc;
}
.section .nav ul {
  display: flex;
}
.section .nav ul li {
  flex: 1;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.4rem;
  border-right: 1px solid #7e4c81;
}
.section .nav ul li:nth-child(3) {
  border-right: none;
}
.section .active {
  border-bottom: 4px solid #7e4c81;
}
.section .menu ul {
  width: 8.04rem;
  height: 5.06666667rem;
  border: 1px solid #ccc;
  margin-top: 0.46666667rem;
  margin-left: 0.86666667rem;
  border-radius: 0.10666667rem;
}
.section .menu ul li:nth-child(1),
.section .menu ul li:nth-child(2),
.section .menu ul li:nth-child(3) {
  height: 0.93333333rem;
  display: flex;
}
.section .menu ul li:nth-child(1) p,
.section .menu ul li:nth-child(2) p,
.section .menu ul li:nth-child(3) p {
  width: 2.16rem;
  height: 0.66666667rem;
  background: #e9ecf1;
  font-size: 0.4rem;
  padding-top: 0.26666667rem;
  padding-left: 0.4rem;
}
.section .menu ul li:nth-child(1) p sup,
.section .menu ul li:nth-child(2) p sup,
.section .menu ul li:nth-child(3) p sup {
  color: red;
  padding-left: 0.13333333rem;
}
.section .menu ul li:nth-child(1) .one,
.section .menu ul li:nth-child(2) .one,
.section .menu ul li:nth-child(3) .one {
  width: 5.58666667rem;
  height: 0.90666667rem;
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
}
.section .menu ul li:nth-child(1) .one .a,
.section .menu ul li:nth-child(2) .one .a,
.section .menu ul li:nth-child(3) .one .a {
  width: 4.53333333rem;
  height: 0.74666667rem;
  padding-left: 0.13333333rem;
  font-size: 0.4rem;
  margin-top: 0.06666667rem;
  margin-left: 0.33333333rem;
}
.section .menu ul li:nth-child(3) p,
.section .menu ul li:nth-child(1) p {
  background: #f3f6fb;
}
.section .menu ul li:nth-child(3) .one,
.section .menu ul li:nth-child(1) .one {
  background: #fff;
}
.section .menu ul li:nth-child(4) {
  display: flex;
  height: 2.33333333rem;
}
.section .menu ul li:nth-child(4) p {
  width: 2.18666667rem;
  height: 2.06666667rem;
  background: #e9ecf1;
  font-size: 0.4rem;
  padding-top: 0.26666667rem;
  padding-left: 0.26666667rem;
}
.section .menu ul li:nth-child(4) .two {
  width: 5.26666667rem;
  height: 2.06666667rem;
  background: #f7f7f7;
  padding-top: 0.26666667rem;
  padding-left: 0.26666667rem;
}
.section .menu ol {
  width: 8.04rem;
  height: 5.06666667rem;
  border: 1px solid #ccc;
  margin-top: 0.46666667rem;
  margin-left: 0.86666667rem;
  border-radius: 0.10666667rem;
}
.section .menu ol li:nth-child(1) dl {
  height: 1rem;
  background: #c672cc;
  display: flex;
  justify-content: space-between;
}
.section .menu ol li:nth-child(1) dl dd:nth-child(2) {
  font-size: 0.4rem;
  color: #fff;
  padding-top: 0.26666667rem;
}
.section .menu ol li:nth-child(1) dl dd:nth-child(3) img {
  width: 1rem;
  height: 1rem;
}
.section .menu ol li:nth-child(2),
.section .menu ol li:nth-child(3),
.section .menu ol li:nth-child(4),
.section .menu ol li:nth-child(5) {
  height: 1.01333333rem;
  display: flex;
}
.section .menu ol li:nth-child(2) .left,
.section .menu ol li:nth-child(3) .left,
.section .menu ol li:nth-child(4) .left,
.section .menu ol li:nth-child(5) .left {
  width: 0.93333333rem;
  height: 1.01333333rem;
  background: #ccc;
}
.section .menu ol li:nth-child(2) .left img,
.section .menu ol li:nth-child(3) .left img,
.section .menu ol li:nth-child(4) .left img,
.section .menu ol li:nth-child(5) .left img {
  padding-top: 0.2rem;
  padding-left: 0.2rem;
}
.section .menu ol li:nth-child(2) .right,
.section .menu ol li:nth-child(3) .right,
.section .menu ol li:nth-child(4) .right,
.section .menu ol li:nth-child(5) .right {
  width: 6.97333333rem;
  height: 1.01333333rem;
}
.section .menu ol li:nth-child(2) .right dl,
.section .menu ol li:nth-child(3) .right dl,
.section .menu ol li:nth-child(4) .right dl,
.section .menu ol li:nth-child(5) .right dl {
  display: flex;
  justify-content: space-between;
  padding-top: 0.26666667rem;
}
.section .menu ol li:nth-child(2) .right dl dd:nth-child(2),
.section .menu ol li:nth-child(3) .right dl dd:nth-child(2),
.section .menu ol li:nth-child(4) .right dl dd:nth-child(2),
.section .menu ol li:nth-child(5) .right dl dd:nth-child(2) {
  font-size: 0.4rem;
}
.section .menu .c {
  width: 3.46666667rem;
  height: 0.8rem;
  background: #65c3df;
  border: none;
  border-radius: 0.10666667rem;
  margin-left: 1.06666667rem;
  margin-top: 0.4rem;
  font-size: 0.37333333rem;
  color: #fff;
}
.section .menu .d {
  width: 3.46666667rem;
  height: 0.8rem;
  background: #ff6b6b;
  border: none;
  border-radius: 0.10666667rem;
  margin-left: 0.53333333rem;
  margin-top: 0.4rem;
  font-size: 0.37333333rem;
  color: #fff;
}
